<style lang="less" scoped src="./prizeAllot.less"></style>
<script src="./prizeAllot.js"></script>

<template>
    <div>
        <Row style="font-size: 15px;">
            <Col span="22">
            姓名：<Input v-model="query.realname" clearable style="width: 15%"></Input>
            电话：<Input v-model="query.phone" clearable style="width: 15%"></Input>
            <span @click="loadList"><Button type="primary" icon="android-search">查询</Button></span>
            <span @click="refresh"><Button type="primary" icon="refresh">清空</Button></span>
            </Col>
            <Col span="2">
            <span @click="deleteByIds"><Button type="error" icon="ios-remove">批量删除</Button></span>
            </Col>
        </Row>
        <div class="main-table">
            <Table border :columns="columns" :data="data" @on-selection-change="getSelect"></Table>
        </div>
        <div class="pagination">
            <Page :total="total" size="small" :page-size="pageSize" :current.sync="pageIndex" @on-change="loadList"
                  show-total show-elevator></Page>
        </div>

        <Modal
                v-model="memberModal"
                title="设置会员"
                width="70%"
                :mask-closable="false">
            <member-list ids="" @onSelect="onSelect"></member-list>
            <div slot="footer">
                <Button type="primary" @click="save">保存</Button>
                <Button type="ghost" style="margin-left: 8px" @click="memberModal = false">取消</Button>
            </div>
        </Modal>
        <Modal v-model="showImg" title="查看图片" @on-cancel="showImg = false">
            <img :src="imgUrl" width="100%" height="100%">
            <div slot="footer">
                <Button type="primary" @click="showImg = false">确定</Button>
            </div>
        </Modal>
    </div>
</template>